html,body {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #000;
}

ul li{
	list-style: none;
}

a {
	text-decoration: underline;
	color: #539DF4;
	font-size: 1em;
	cursor: pointer;
}


.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	background: #3B5999;
}

* {
	margin: 0;
	padding: 0;
}

.arrow{
	position: absolute;
	width: 10%;
	height: 5%;
	left: 45%;
	bottom: 5%;
	z-index: 300;
	-webkit-animation: fadeInUp ease 1.5s both infinite;
	animation: fadeInUp ease 1.5s both infinite;
}

.panel {
	display: block;
	width: 100%;
	height: 100%;
}

.tag{
	position: absolute;
	width: 66%;
	z-index: 15;
	left: 17%;
	bottom:18%;
}
.tag-left{
	position: absolute;
	width: 28%;
	z-index: 15;
	left: 17%;
	bottom:5%;
}
.tag-right{
	position: absolute;
	width: 28%;
	z-index: 15;
	right: 17%;
	bottom:5%;
}
.tag-bg-1{
	position: absolute;
	width: 100%;
	height:22%;
	z-index: 15;
	left: 0;
	bottom:0;
}
.page-1 {
	background: url("../img/images/01.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-2 {
	background: url("../img/images/02.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-3 {
	background: url("../img/images/03.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/04.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/05.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/06.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/07.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/08.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/09.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/10.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/11.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/12.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/13.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/14.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}
.page-4 {
	background: url("../img/images/15.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

@-webkit-keyframes fadeInUp {
    0% { -webkit-transform: translateY(100%);transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%);transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%);transform: translateY(-100%); opacity:0;}

}
@keyframes fadeInUp {
    0% { -webkit-transform: translateY(100%);transform: translateY(100%); opacity:0;}
    50% { -webkit-transform: translateY(0%);transform: translateY(0%); opacity:1;}
    100% { -webkit-transform: translateY(-100%);transform: translateY(-100%); opacity:0;}

}